<template>
    <div class="box-column container-grid">
        <ux-header-search
            ref="searchHeader"
            v-bind="enquiryData"
            :isCheckPermissions="false"
            @search="onQueryClick"
        ></ux-header-search>
        <div class="box-flex1 box-row box-flex-wrap list-el">
            <div
                class="item-el box-row box-center pointer"
                v-for="item in dataStore.data"
                :key="item.yard_sn"
                @click="onItemlick({ row: item })"
            >
                {{ item.yard_name }}
            </div>
        </div>
    </div>
</template>

<script  lang="ts">
import { Component, Vue } from "vue-property-decorator";
import { Action } from "vuex-class";
import { mixinTableStore } from "@/mixin/table/Store";
import { mixinTableHeader } from "@/mixin/table/Header";
import { parkMixin } from "./Mixin";
@Component({
    mixins: [mixinTableStore, mixinTableHeader, parkMixin]
})
export default class parkManagement extends Vue {
    @Action("park/all") getList: any;

    // 查询头配置
    enquiryData: any = {
        fields: [
            {
                field: "yard_name",
                label: "园区名称"
            }
        ]
    };
}
</script>
<style scoped lang="scss">
.list-el {
    padding: 10px 0;
    .item-el {
        @include border-radius(4px);
        width: 240px;
        height: 170px;
        border: 1px solid #e8e8e8;
        margin-right: 10px;
        background-color: #fff;
    }
}
</style>
